<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="__BLOG__/js/zplayer.js"></script>
<script src="__BLOG__/lib/pace-1.0.2/pace.min.js"></script>

<script>
    paceOptions = {
        ajax: true, // disabled
        document: false, // disabled
        eventLag: false, // disabled
    };
    $(function () {
        var musicApi = "{:url('blog/music/index')}"
        $.get(musicApi).then(function (data) {
            var zp = new zplayer({
                element: document.getElementById('player'),
                autoPlay: 1,/*是否开启自动播放,默认false*/
                lrcStart: 1,/*是否开启歌词功能 ，默认false（为true时musics集合中需要传入lrc字段。）*/
                showLrc: 1,/*开启歌词功能后是否展示歌词内容 ，默认false*/
                fixed:0, /*是否固定在底部，默认false*/
                listFolded:0, /*列表是否折叠，默认false*/
                listMaxHeight:300, /*列表最大高度，默认240*/
                musics:data
            });
            zp.init()
            console.log(zp);
        })
    })
</script>
<script src="__BLOG__/js/common.js"></script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?d358bab84563605d35d6a11b9e54d260";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
